“Interactive US Map - WordPress Plugin” Documentation by “Art101”

“Interactive US Map - WordPress Plugin”

Thank you for purchasing our work. If you have any questions that are beyond the scope of this help file, please feel free to email us directly through the contact form here. Thanks so much!

General overview
Step by Step Installation
Customization
How to place a shortcode
Multiple Maps
Special Customization Service
Other work

General overview - top

This WordPress plugin when installed, it allows you to customize an interactive US map and embed it in your page or post using this shortcode [us_map]

I recommend watching this video tutorial first, to get the basic knowledge about how WP plugins work.

Please watch this quick video tutorial

This video will give you general overview about the map plugin installation and customization:.

Step by Step Installation - top

Once you purchase the plugin, you can download the zipped file which will be like this "codecanyon-10359489-interactive-us-map-wordpress-plugin.zip", then follow these steps to install it:

Extract the file content to get the installable plugin us-map.zip file.
Log in to your WP admin area and go to Plugins > Add New. Browse to the plugin archive and select the wanted zip file. Then click "Install Now" and the plugin will be installed shortly.
Once installed, you can now activate it.
Now you will find a new tab for the map in the admin panel side bar.

Customization - top

Customize the map colors as you wish

In the right side you will find the "General Map Colors" panel where you can customize the map style. including:
1. Border Color: the states outline.
2. Visible Names: the abbreviations color CA, TX, etc.
3. Lakes Fill: the lakes color.
4. Lakes Outline: the lakes color.
  Note: More options has been added in the latest version.
In the "State Parameters" panel, you can customize the colors, links, etc of each state. But we recommend that you first make "Bulk Edit" down in the map dashboard to change the whole map color to match your site style, then you can customize the individual state parameters.
Once you are done with the map customization, Click "Save Changes" then you can use this short code [us_map] in your page where you want to show the map.

How to open Modal window?

You can easily integrate the map plugin with 3rd party popup plugins (tested with Popup Maker *free*) to open a modal window.

How to place the shortcode - top

If you are using WordPress older than 5.0 simply insert the shortcode in the editor field of your page.

Starting from WordPress 5.0, the page editor look has been changed and now you can add blocks, so you click "add block" then from the blocks types menu list choose "Widgets" then "Shortcode" then insert the map shortcode, like this:

Later WordPress will give you a quick option to add a Shortcode like this:

Multiple Maps - top

The map plugin generates one shortcode and you can use it as many times as you want in different pages of your website to display the same map. Also you can install 2nd and 3rd instance of the plugin to get a new custom map.

Please open the included folder "Multiple Maps" and you will find 2 installable zip files.

Special Customization Service - top

We offer customization service for extra cost, such as merge/group/split areas, we can also create a map from scratch per your requirements, if you are interested please contact us to check the availability and discuss the details and give you a quote.

That's it :)

Once again, thank you so much for purchasing our work. As I said at the beginning, I'd be glad to help you if you have any questions relating to this file. No guarantees, but We will do our best to assist. If you need a special customization, please don't hesitate to contact us anytime directly via our profile page on CodeCanyon.